﻿<div id="promptDialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"  style="width: 300px;" >
    <div class="modal-header">
        <a class="close" data-dismiss="modal">&times;</a>
        <h3 id="promptDialog_title">제목</h3>
    </div>

    <div class="modal-body">
        <div id="promptDialog_prompt">항목명:</div>
        <input id="promptDialog_input" type="text" style="width: 250px; ime-mode:active;" />
    </div>

    <div class="modal-footer">
        <button id="promptDialog_ok" class="btn btn-primary" data-dismiss="modal" onclick="promptDialog_click()">확인</button>
        <button class="btn" data-dismiss="modal" aria-hidden="true">취소</button>
  </div>
</div>

<script>
    var promptDialog_callback;

    function showPromptDialog(title, prompt, callback, options) {
        $('#promptDialog_title').html(title);
        $('#promptDialog_prompt').html(prompt);
        promptDialog_callback = callback;

        $('#promptDialog_input').val('');
        if (typeof options != 'undefined') {
            if (typeof options['width'] != 'undefined') {
                width = options['width'];
                $('#promptDialog').width(width);
                $('#promptDialog_input').width(width - 50);
            }
            if (typeof options['defaultValue'] != 'undefined') {
                $('#promptDialog_input').val(options['defaultValue']);
            }
        }
        $('#promptDialog').modal('show');
    }

    function promptDialog_click() {
        value = $('#promptDialog_input').val()
        promptDialog_callback(value);
    }
</script>
